@media (max-width: 719px) {
  #app .navbar {
    padding-left: 4rem;
  }
  #app .sidebar-button {
    display: block;
  }
  #app .hidden {
    display: none;
  }
  #app .header-nav .nav-item {
    margin-right: 0;
  }
  #app .nav-item .search-input {
    cursor: pointer;
    width: 0;
    border-color: transparent;
    position: relative;
  }
  #app .search-input:focus {
    width: 8rem;
    transition: all .2s;
  }
  #app .bg .name {
    font-size: 1.8rem;
  }
  #app .bg .description {
    font-size: 1.4rem;
  }
  #app .mb1 {
    margin-bottom: .5rem;
  }
  #app .mb2 {
    margin-bottom: 1rem;
  }
}

@media (min-width: 719px) {
  .router-link-active, .nav-link_hover:hover {
    margin-bottom: 5px;
    border-bottom: 2px solid #46bd87;
  }
}

